<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <meta name="keywords" content="天一顺为,qinmatrix,天一顺为科技,天一顺为科技股份有限公司,天一"/>
        <meta name="description" content="天一顺为科技股份有限公司Qinmatrix（简称“天一顺为”）是一家专注于新能源汽车核心总成收购、能源互联网核心基础设施收购及经营的企业，在该领域具有深刻的理解、强大的开发能力，拥有畅通的融资渠道、丰富的实业运营及投资管理经验。"/>
        <title>天一顺为科技股份有限公司</title>
        <link rel="stylesheet" type="text/css" href="css/main.css"/>
    </head>
    <body class="index">
        <header>
            <img src="./img/logo.png"/>
            <div class="menu">
                <a href="index.html" class="selected"><span></span><i>首页</i></a>
                <div></div>
                <a href="about.html"><span></span><i>关于</i></a>
                <div></div>
                <a href="contact.html"><span></span><i>联系</i></a>
            </div>
        </header>
        <div class="top">
            <img id="index_slogan" class="slogan" src="./img/slogan.png"/>
            <img class="arrow" src="./img/arrow.png"/>
        </div>
        <div class="middle"></div>
        <div class="bottom">
            <img src="./img/title.png" class="title"/>
            <div class="slogan">
                <div index="1" class="animat_icon animat_icon1">
                    <img src="./img/common-shadow.png"/>
                    <img src="./img/1-selected-rotate.png"/>
                    <img src="./img/1-normal-1.png"/>
                </div>
                
                <img index="1" class="item item1" src="./img/1-normal.png"/>
                <span class="font font1">新能源汽车核心总成</span>

                <div index="2" class="animat_icon animat_icon2">
                    <img src="./img/common-shadow.png"/>
                    <img src="./img/2-selected-rotate.png"/>
                    <img src="./img/2-normal-1.png"/>
                </div>
                
                <img index="2" class="item item2" src="./img/2-normal.png"/>
                <span class="font font2">微网</span>

                <div index="3" class="animat_icon animat_icon3">
                    <img src="./img/common-shadow.png"/>
                    <img src="./img/3-selected-rotate.png"/>
                    <img src="./img/3-normal-1.png"/>
                </div>
                <img index="3" class="item item3" src="./img/3-normal.png"/>
                <span class="font font3">能源互联网</span>
            </div>
        </div>
        <div class="footer">
            <span class="left">天一顺为科技股份有限公司</span>
            <span class="right">©2017 qinmatrix.com版权所有 浙ICP备17005257号-1</span>
        </div>
        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="js/nest.js"></script>
        <script>
            $(function(){
                if(document.documentElement.clientWidth>1024){
                    $(".item").on('mouseover',function(){
                        $(this).hide();
                        var index = $(this).attr("index");
                        $(".animat_icon"+index).show();
                    });

                    $(".animat_icon").on('mouseout',function(){
                        $(this).hide();
                        var index = $(this).attr("index");
                        $(".item"+index).show();
                    });
                }

                var offset = $("#index_slogan").offset();
                $("body").on("mousemove",function(e){
                    if(document.documentElement.clientWidth>960){
                        var x = -(e.clientX-offset.left/2)*0.05;
                        var y = -(e.clientY-offset.top/2)*0.05;
                        console.log(x+" "+y);
                        if(Math.abs(x)<30 && Math.abs(y)<30){
                            $("#index_slogan").css({'transform':"translate("+x+"px,"+y+"px)"});
                        }
                    }
                });

                $(".arrow").click(function(){
                    $("body").scrollTop($(".top").height()-$("header").height()+50);
                });
            });
        </script>
        <script src="js/biz.js"></script>
        <script>
            var _hmt = _hmt || [];
            (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?bf61e2ad2316e8b612ea7916aaaad60e";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </body>
</html>